<template>
  <div>
    <!-- 背景图片 -->
    <header class="headers">
      <p>
          <img :src="data.baseLists.bgImg" alt="">
      </p>
    </header>
  </div>
</template>
<script type="application/ecmascript">
import { mapState} from 'vuex'
export default {
    name: 'HeaderBgImg',
    computed: {
      ...mapState({
        data:state => state.moduleEdit.data,
      }),
    },
}
</script>
<style lang="less" scoped>
.headers{
  width:100%; 
  height:100%; 
  text-align:center; 
  position:fixed; 
  left:0; top:0; 
  z-index:1; 
  background:#fff; 
  overflow:hidden;
  p{ 
    max-width:640px; 
    margin:0 auto; 
    overflow:hidden;
    img{ 
      width:100%;
    }
  }
}
</style>